<template>
	<view class="content">
		<view class="wid100" style="height: 215rpx;background-color: #37BCC3;"></view>
		<view class="wid90 mar borRad20 bacFFF" style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0,0,0,0.1);height: 233rpx;margin-top: -115rpx;">
			<view style="height: 30rpx;"></view>
			<view class="wid90 mar">
				<view class="foSi25" style="color: #37BCC3;">当日汇总：</view>
				<view class="wid95 mar dis disAl disJuB" style="margin-top: 50rpx;">
					<view class="foSi40 fowe800" style="vertical-align: bottom;color: #FFA800;">
						<span>¥ </span>
						<span class="fowe600 foSi60 mar-left10">{{ today_money }}</span>
					</view>
					<!-- <view class="dis disAl disJuC borRad40 foSi30 coFFF hei60" @click="tiaozhuan('/pages/shop/withdraw')"
						style="width: 180rpx;background: #37BCC3;">提现</view> -->
				</view>
			</view>
		</view>
		<view class="wid90 mar dis disAl disJuB" style="margin-top: 50rpx;">
			<view class="foSi40 fowe600" style="line-height: 40rpx;color: #37BCC3;">配送明细</view>
			<!-- <view class="dis disAl disJuC borRad40 foSi25" style="border: 1rpx solid #37BCC3;width: 110rpx;height: 50rpx;">
				<view class="mar-right10" style="color: #37BCC3;">筛选</view>
				<image src="../../static/shaixuan1.png" style="width: 15rpx;height: 20rpx;"></image>
			</view> -->
		</view>
		<scroll-view style="height: calc(100vh - 436rpx);" class="wid100" scroll-y="true" @scrolltolower="lower">
			<view v-if="list.length == 0" class="wid90 mar fowe800 foSi35 mar-top30">
				<view style="height: 50rpx;"></view>
				<view class="dis disJuC">
					<image src="../../static/zanwu2.png" style="width: 400rpx;height: 300rpx;"></image>
				</view>
				<view class="textCen mar-top20" style="color: #868686;">暂无数据</view>
			</view>
			<view class="hei20"></view>
			<block v-for="(item,index) in list" :key="index">
				<view class="wid90 mar bacFFF borRad20 mar-top30"
					style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0,0,0,0.1);padding: 25rpx 0;" @click="tiaozhuan('/pages/shop/particulars',item.id)">
					<view class="wid90 mar">
						<view class="fowe600 foSi35">洗衣配送订单</view>
						<view class="dis disAl disJuB mar-top30 fowe600">
							<view class="dis disAl" style=" width: 220px;">
								<uni-icons size="38rpx" color="#37BCC3" type="location"></uni-icons>
								<view class="foSi30 mar-left10" style="color: #737373;line-height: 30rpx;">{{item.address_give_info.address}}{{item.address_give_info.content}}</view>
							</view>
							<view class="foSi40" style="line-height: 40rpx;color: #37BCC3;">¥{{ item.pay_amount }}</view>
						</view>
						<view class="mar-top30 foSi25" style="color: #737373;">{{item.send_time}}</view>
					</view>
				</view>
			</block>
			<view style="height: 50rpx;"></view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: this.global.url,
				list: [''],
				last_page: 0,
				page: 1,
				today_money:0
			}
		},
		onLoad() {},
		onShow() {
			var that = this;
			that.lists()
		},
		methods: {
			lists(){
				var that = this;
				uni.request({
					url: that.global.url + '/api/qianyu_petrol/gasstation_clerk_pay_order_list',
					method: "POST",
					header: {
						'site-id': that.global.site_id,//自定义请求头信息
						'token': uni.getStorageSync('token')
					},
					data: {
						clerk_id: uni.getStorageSync('yuan_userinfo').id,
					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							that.list = result.data.list
							that.today_money = result.data.today_money
						}
					}
				})
			},
			lower(e) {
				if (this.last_page > this.page) {
					this.page++
				}
			},
			tiaozhuan(url,id){
				uni.navigateTo({
					url: url+'?id='+id
				})
			},
		}
	}
</script>

<style>
	.content {}

</style>
